<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/html">
    <head>
        <meta charset="utf-8"></meta>
        <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1.0, maximum-scale=1"></meta>
        <meta name="description" content="Metro UI CSS"></meta>
        <meta name="author" content="Sergey Pimenov"></meta>
        <meta name="keywords" content="windows 8, modern style, Metro UI, style, modern, css, framework"></meta>

        <link href="css/modern.css" rel="stylesheet"></link>
        <link href="css/modern-responsive.css" rel="stylesheet"></link>
        <link href="css/site.css" rel="stylesheet" type="text/css"></link>
        <link href="js/google-code-prettify/prettify.css" rel="stylesheet" type="text/css"></link>

        <script type="text/javascript" src="js/assets/jquery-1.9.0.min.js"></script>
        <script type="text/javascript" src="js/assets/jquery.mousewheel.min.js"></script>
        <script type="text/javascript" src="js/assets/moment.js"></script>
        <script type="text/javascript" src="js/assets/moment_langs.js"></script>

        <script type="text/javascript" src="js/modern/dropdown.js"></script>
        <script type="text/javascript" src="js/modern/accordion.js"></script>
        <script type="text/javascript" src="js/modern/buttonset.js"></script>
        <script type="text/javascript" src="js/modern/carousel.js"></script>
        <script type="text/javascript" src="js/modern/input-control.js"></script>
        <script type="text/javascript" src="js/modern/pagecontrol.js"></script>
        <script type="text/javascript" src="js/modern/rating.js"></script>
        <script type="text/javascript" src="js/modern/slider.js"></script>
        <script type="text/javascript" src="js/modern/tile-slider.js"></script>
        <script type="text/javascript" src="js/modern/tile-drag.js"></script>
        <script type="text/javascript" src="js/modern/calendar.js"></script>
        <script type="text/javascript" src="js/modern/dialog.js"></script>

        <!-- dmt calendar -->
        <script type="text/javascript" src="codebase/dhtmlxcalendar.js"></script>
        <link href="codebase/dhtmlxcalendar.css" rel="stylesheet" type="text/css"></link>
        <link href="codebase/dhtmlxcalendar_dhx_skyblue.css" rel="stylesheet" type="text/css"></link>

        <title>Study Planner</title>
    </head>
    <body class="metrouicss">
        <div class="nav-bar bg-color-blue" style="height: 75px;">
            <div class="nav-bar-inner"  style="height: 75px;">
                <div class="element brand">
                    <img alt="" src="images/logo.png"/>
                </div>
            </div>
            <div class="divider"></div>
        </div>
        <div class="page">
            <div class="page-header">
                <div class="page-header-content">
                </div>
            </div>
            <div class="page-region">
                <div class="page-region-content">
                    <div class="padding15"></div>
                    <div class="tile app app-vertical bg-color-teal">
                    </div>
                    <div class="tile app app-vertical bg-color-teal place-right">
                    </div>
                    
                    <div class="padding15"></div>     
                    <div class="tile app app-vertical bg-color-magenta">
                        <div class="tile-content">
                        </div>
                    </div>
                    
                    <div class="tile app app-vertical bg-color-magenta place-right">
                        <div class="tile-content" data-role="tile-slider">
                            <p>dfyuiopcvbnm,cvbnm,<br/>fgjhkvhbjk</p>

                        </div>
                    </div>

                    <div name="today_classes">
                        <div style="height: 50px;">
                            <h2>Classes</h2>	
                        </div>

                        <p></p>
                        <blockquote class="" style="height: 70px;">
                            <div class="tile"></div>
                            <h2>JAVA</h2>
                        </blockquote>

                        <p></p>
                        <blockquote>not tertiary</blockquote>
                    </div>
                </div>
            </div>
        </div>
    </body>

</html>